@orange: #ee9945;
.todayTeach {
  height: 100%;
  .panel-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: flex;
    border-radius: 1rem;

    .tabs-content {
      display: flex;
      flex-direction: column;
      padding: 2rem;
      flex: 1;
      .title {
        display: flex;
        height: 6rem;
        img {
          width: 6rem;
        }
        & > div {
          font-size: 4rem;
          line-height: 6rem;
          color: #63cb8c;
          position: relative;
          flex: 1;
          .notStart, .progress_, .finished {
            position: absolute;
            top: 0;
            right: -2rem;
            background: #29cefc;
            padding: 1rem 1.4rem;
            color: #FFF;
            border-bottom-left-radius: 2.2rem;
            font-size: 2.6rem;
            line-height: 1;
            width: 20rem;
            text-align: right;
          }
          .progress_ {
            background: #ff9933;
          }
          .finished {
            background: #cccccc;
          }
        }
      }
      & > div:last-child {
        flex: 1;
        background: #f7fbfd;
        padding: 2rem;
        .item {
          h2 {
            font-size: 3rem;
          }
          p {
            color: #b3b5b5;
            font-size: 2.8rem;
            margin: 1rem 0;
            font-weight: 200;
          }
        }
        .item:last-child {
          p {
            a {
              color: #77b5d9;
            }

          }
        }
      }
    }
  }

}
